@CHARSET "ISO-8859-1";

@IMPORT url("base.css");

/*--------------------------------------------------------*/
/*-----Contenido del boton del gadgetCarrito--------------*/
/*--------------------------------------------------------*/

#gadgetCarrito a:hover {
	cursor:pointer;
	text-decoration: underline;
}
#finCompra{
	position:absolute;
	right:133px;
	bottom:20px;
}
#gadgetCarrito label{
	color:white;
}
#gadgetCarrito h1 {
	font-size: 34px;
	font-family: verdana, helvetica, arial, sans-serif;
	letter-spacing: -2px;
	color: #9FC54E;
	font-weight: 700;
	padding: 20px 0 0;
}

#gadgetCarrito h2 {
	font-size: 24px;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #444444;
	font-weight: 400;
	padding: 0 0 10px;
}

#gadgetCarrito h3 {
	font-size: 14px;
	font-family: verdana, helvetica, arial, sans-serif;
	letter-spacing: -1px;
	color: #fff;
	font-weight: 700;
	margin: 0;
	padding: 8px 0 8px 0;
}

#gadgetCarrito #prods {
	color: #cccccc;
	line-height: 22px;
	padding: 0 0 10px;
	text-align:center;
}
.fila .producto{
	width:300px;
}
#gadgetCarrito .panel {
	position: fixed;
	top: 50px;
	right: 0;
	display: none;
	z-index:100;
	background: #000000;
	border: 1px solid #111111;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	width: auto;
	height: auto;
	padding: 30px 130px 30px 30px;
}

#gadgetCarrito .panel p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #fff;
}

#gadgetCarrito .panel a{
	margin: 0;
	padding: 0;
	z-index:101;
	color: #9FC54E;
	text-decoration: none;
}

#gadgetCarrito .panel a:hover{
	margin: 0;
	padding: 0;
	z-index:101;
	cursor:pointer;
	text-decoration: underline;
}

#gadgetCarrito a.trigger {
	position: fixed;
	text-decoration: none;
	top: 80px;
	right: 0;
	font-size: 16px;
	z-index:101;
	letter-spacing: -1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #fff;
	padding: 20px 40px 20px 15px;
	font-weight: 700;
	background: #333333 url("http://localhost:8080/trabajofinal/img/mas.png") 85% 55% no-repeat;
	border: 1px solid #444444;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	display: block;
}

#gadgetCarrito a.trigger:hover {
	position: fixed;
	text-decoration: none;
	top: 80px;
	right: 0;
	font-size: 16px;
	z-index:101;
	letter-spacing: -1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #fff;
	padding: 20px 40px 20px 20px;
	font-weight: 700;
	background: #222222 url("http://localhost:8080/trabajofinal/img/mas.png") 85% 55% no-repeat;
	border: 1px solid #444444;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	display: block;
}

#gadgetCarrito a.active.trigger {
	z-index:101;
	background: #222222 url("http://localhost:8080/trabajofinal/img/menos.png") 85% 55% no-repeat;
}